<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="theme-color" content="#1890ff">
    <meta name="description" content="现代化的航班管理系统 - 航班、乘客、预订一站式管理平台">
    <meta name="keywords" content="航班管理,乘客管理,预订系统,航空管理">
    <meta name="author" content="AI Flight System">
    
    <!-- PWA配置 -->
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
    <link rel="icon" href="%PUBLIC_URL%/favicon.svg" type="image/svg+xml">
    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo.svg">
    
    <!-- 字体预加载 -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    
    <title>航班管理系统 - AI Flight Management</title>
    
    <!-- 样式重置 -->
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
                'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            background-color: #f5f5f5;
        }
        
        #root {
            min-height: 100vh;
        }
        
        /* 加载动画 */
        .loading {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            font-size: 18px;
            color: #1890ff;
        }
    </style>
</head>
<body>
    <noscript>
        <div style="padding: 20px; text-align: center;">
            <h2>航班管理系统</h2>
            <p>您需要在浏览器中启用 JavaScript 才能运行此应用程序。</p>
            <p>Please enable JavaScript to use the Flight Management System.</p>
        </div>
    </noscript>
    
    <!-- 加载动画 -->
    <div id="root">
        <div class="loading">
            <div>
                <h3>航班管理系统</h3>
                <p>正在加载中...</p>
            </div>
        </div>
    </div>
    
    <!-- 兼容性脚本 -->
    <script>
        // IE11兼容性处理
        if (!window.Promise) {
            document.write('<script src="https://cdn.jsdelivr.net/npm/es6-promise@4.2.8/dist/es6-promise.auto.min.js"><\/script>');
        }
    </script>
</body>
</html>
